<%- include('header.html') -%>
    <div class="container mt-4">
        <nav>
            <ol class="breadcrumb bg-white">
                <li class="breadcrumb-item"><a href="/">首页</a></li>
                <li class="breadcrumb-item"><a href="/article/list/<%= articles.category_id %>"><%= articles.name %></a></li>
                <li class="breadcrumb-item active"><%= articles.title %></li>
            </ol>
        </nav>
        <div class="card">
            <div class="card-header bg-white">
                <h3 class="card-title m-0"><%= articles.title %></h3>
                <p class="text-muted small mt-2 m-0">
                    <span class="mr-3">发表时间：<%= articles.time.toLocaleString() %></span>
                    <span class="mr-1">点击：<%= articles.hits %></span>
                </p>
            </div>
            <div class="card-body"><%- articles.content -%></div>
            <div class="card-footer bg-white border-0">
                <% tabs.forEach(tabs=>{ %>
                <span class="badge badge-pill"><%= tabs.name %></span>
                <% }); %>
            </div>
        </div>
        <nav>
            <ul class="pagination mt-3">
                <% if(prev) {%>
                <li class="page-item">
                    <a class="page-link" href="/article/<%= prev.id %>">上一篇：<%= prev.title %></a>
                </li>
                <% }; %>
                <% if(next) {%>
                <li class="page-item ml-auto">
                    <a class="page-link" href="/article/<%= next.id %>">下一篇：<%= next.title %></a>
                </li>
                <% }; %>
            </ul>
        </nav>
    </div>
    <!-- 引入尾部 -->
    <%- include('footer.html') -%>
